<template>
  <div
    class="banner-img flex flex--b"
    :style="{ backgroundImage: `url(${webInfo.backgroundImage})` }"
  ></div>
</template>
<script lang="ts" setup>
import { useWebInfoStore } from "@/store/webInfo.store";
import { storeToRefs } from "pinia";
const { webInfo } = storeToRefs(useWebInfoStore());
</script>
<style lang="scss" scoped>
.banner-img {
  width: 100%;
  height: calc(100vh - 60px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: -1;
}
</style>
